import React from 'react'
import './index.less'
import { Space } from 'antd'
interface LinksProps {
    href: string
    title: React.ReactNode
    target?: string | '_blank' | '_parent' | '_self' | '_top'
}
interface SiteFooterPorps {
    copyright: React.ReactNode
    icp?: LinksProps[]
    links?: LinksProps[]
}
const DefaultFooter = ({ links = [],copyright, icp = [] }: SiteFooterPorps) => {
    return <div className="site-footer-container">
        <div className="footer-links">
            {links.map((link, index) => {
                return <a key={index} target={link.target || '_blank'} href={link.href}>{link.title}</a>
            })}
        </div>
        <div className="footer-copyright">
            <Space>
            
            <span> 版权所有 © {copyright}</span>
            {icp.map((link, key) => {
                return <a key={key} target={link.target || '_blank'} href={link.href}>{link.title}</a>

            })}
                
                </Space>
        </div>
    </div>
}
export default DefaultFooter